<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<link type="text/css" rel="stylesheet" href="css/main.css"/>
<style type="text/css">
td {
vertical-align:top;
}

.new-icon{
    background-image:url(images/new.gif) no-repeat left center;
}

#movie {
border-style: none;
border-width: 0px;
}

#img_box {
width:680px;
height:480px;
text-align:center;
}

#prof_img {
padding-bottom: 20px;
}

div{
line-height:150%;
}

#profile_message {
	width:500px;
border-bottom:dashed; border-bottom-width:1px; padding-bottom:0px;
font-size:large;

}

#profile_info {
width:500px;
font-size:large;
margin-bottom: 32px;

}

.pickup {
color:red;
font-weight: bold;
}

#options {
font-size:large;
}

.profile_header {
width:150px;
	margin-left : auto ;
	margin-right : 0 ;
text-align:right;
}


.message-header, .profile-box, .menu-title, .news-title{
font-weight: bold;

}
</style>
</head>
<body>

<div id="container">
	<div id="header">
	</div>

	<div id="menu">
	    <ul>
	        <li><a href="seed.html">TOP</a></li>
	        <li><a href="profile.html">PROFILE</a></li>
	        <li><a href="vote.html">VOTE</a></li>
	        <li><a href="coach.html">COACH</a></li>
	    </ul>
	</div>

	<div id="content">

<table>
<tr>
    <td>アイドル候補生A</td>
</tr>
    <tr>
        <td id="img_box">
<img id="prof_img" src="images/profile.jpg" alt="" height="480">
<div class="flashbox" style="display:none;">
<div id="flashContent" style="display:none;"></div>
</div>
<br>
<a href="#"><img src="images/profilemovie.gif" alt="" width="365" id="movie"></a>
</td>
<td>
<div class="profile-box">プロフィール

<table id="profile_info">
    <tr>
        <td class="profile_header">名前：</td><td> 麻音崎　愛</td>
    </tr>
    <tr>
        <td class="profile_header">ニックネーム：</td><td>あいたん</td>
    </tr>
    <tr>
        <td class="profile_header">誕生日：</td><td>８月７日</td>
    </tr>
    <tr>
        <td class="profile_header">出身地：</td><td>京都府</td>
    </tr>
    <tr>
        <td class="profile_header">身長：</td><td>156cm</td>
    </tr>
    <tr>
        <td class="profile_header">好きなもの：</td><td>iPhone,Mac</td>
    </tr>
</table>
</div>

<div class="message-header">プロデューサーの方へひとこと</div>
<span id="profile_message">
まねぽんをご覧の皆様こんにちは、まねさきあいです。今回いろいろ頑張りますので、応援よろしくお願いします。Startup weekend Kyoto お疲れ様です。
</span>
</div>
<br>
<br>
<div class="message-header">応援プロデューサー</div>

<span>
<p class="pickup">プロデューサーランク1位の<a href="">しろやま</a>さんも応援しています</p>

</span>
</td>
    </tr>



<tr>
<td>

<div id="news">
<br>
<span class="news-title">新着情報</span><br>

<ul type="none">
    <li>8/7 新しい<a href="#" onclick="vote_open(); return false;">投票</a>が開始されました。</li>
<li><span class="new-icon">8/6 新しい<a href="#">動画</a>が投稿されました</span></li>
<li>8/6 新しい<a href="#">画像</a>が投稿されました</li>
<li>8/5 新しい<a href="#">画像</a>が投稿されました</li>
<li></li>
</ul>

</div>

</td>
<td>
<br>
<span class="menu-title">メニュー</span>
<ul id="options">
    <li><a href="#">投票</a></li>
    <li><a href="#">動画</a></li>
    <li><a href="#">ライブ</a> <span class="pickup">ただいま放送中</span></li>
    <li><a href="#">画像</a></li>
    
</ul>
</td>
</tr>
</table>

</div>
<div id="footer"></div>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">

$(document).ready(function(){

	// For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. 
	var swfVersionStr = "10.2.0";
	// To use express install, set to playerProductInstall.swf, otherwise the empty string. 
	var xiSwfUrlStr = "playerProductInstall.swf";
	var flashvars = {};
	var params = {};
	params.quality = "high";
	params.bgcolor = "#ffffff";
	params.allowscriptaccess = "sameDomain";
	params.allowfullscreen = "true";
	var attributes = {};
	attributes.id = "mp4";
	attributes.name = "mp4";
	attributes.align = "middle";
	swfobject.embedSWF(
	"swf/mp4.swf", "flashContent", 
	"385", "289", 
	swfVersionStr, xiSwfUrlStr, 
	flashvars, params, attributes);
	// JavaScript enabled so display the flashContent div in case it is not replaced with a swf object.
	swfobject.createCSS("#flashContent", "display:block;text-align:left;");
});

$('#movie').click(function(){
$('#prof_img').hide();
$('.flashbox').show();
return false;

});

vote_open = function() {
	window.open('./vote.html', "window_name", "width950,height=700,scrollbars=yes");

}
</script>

</body>
</html>
